/*
* @Author: Administrator
* @Date:   2018-01-12 16:13:37
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-19 10:05:54
*/
const px10 = '0.625rem'
const px12 = '0.75rem'
const px20 = '1.25rem'
const topBottomPadding = '0.625rem 0'
const style = {
  topicItem: {
    width: '100%',
    padding: px10,
  },
  itemContainer: {
    borderBottom: '0.0625rem solid #dfdfdf',
    paddingBottom: px10,
  },
  itemTop: {
    width: '100%',
    padding: topBottomPadding,
    overflow: 'hidden',
  },
  avatar: {
    width: '2.5rem',
    height: '2.5rem',
    float: 'left',
  },
  avatarImg: {
    width: '100%',
    height: '100%',
    borderRadius: '50%',
    margin: 0,
  },
  author: {
    float: 'left',
    marginLeft: px10,
  },
  nickName: {
    height: px20,
    display: 'block',
    lineHeight: px20,
    fontSize: '0.875rem',
    color: '#333',
    fontWeight: '600',
  },
  createTime: {
    height: px20,
    display: 'block',
    lineHeight: px20,
    fontSize: px12,
    color: '#999',
  },
  tab: {
    float: 'right',
    height: px20,
    lineHeight: px20,
    marginRight: px20,
    marginTop: px10,
    fontSize: px12,
    padding: '0 0.625rem',
    borderRadius: px10,
    border: '1px solid #ddd',
    color: '#999',
  },
  itemMid: {
    width: '100%',
    overflow: 'hidden',
  },
  topicTitle: {
    width: '100%',
    lineHeight: px20,
    fontSize: px12,
    color: '#444',
    marginTop: px10,
    fontWeight: '600',
    padding: '0 0.0125rem',
  },
  topicLink: {
    color: '#444',
    textDecoration: 'none',
  },
  imgList: {
    width: '100%',
    overflow: 'hidden',
    margin: topBottomPadding,
  },
  topicImg: {
    width: '30%',
    marginRight: '3%',
    float: 'left',
  },
}

export default style
